@mixin flex {
	display: flex;
	justify-content: space-between;
}

@mixin columnFlex {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
// 省略号代替
@mixin ellipsis {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

// 居中垂直对齐
@mixin domCenter {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

// 具体宽高，内容水平垂直居中
@mixin widthHeight($size) {
  width: $size;
  height: $size;
  line-height: $size;
  text-align: center;
}